<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>已收货</title>
		<link rel="stylesheet" type="text/css" href="css/header.css"/>
		<link rel="stylesheet" type="text/css" href="css/footer.css"/>
		<link rel="stylesheet" type="text/css" href="css/goods.css"/>
	</head>
	<body>
		<header>
			<!--logo-->
			<div class="logo">
				<div class="img-warp"><img src="img/logo_03.png"/></div>
			</div>
			<!--导航栏-->
			<div class="navbar">
				<ul>
					<li><a href="https://leoncorleone.gitee.io/buer/src/main/index.html">首页</a></li>
					<li><a href="https://leoncorleone.gitee.io/buer/src/main/shopindex.html">骑行</a></li>
					<li><a href="#">铁三</a></li>
					<li><a href="#">跑步</a></li>
					<li><a href="#">设计师入驻</a></li>
					<li><a href="https://leoncorleone.gitee.io/buer/src/main/shoplist.html">品牌专区</a></li>
				</ul>
			</div>
			<!--搜索栏-->
			<form action="" method="post">
				<div class="search">
					
					<input type="text" name="search" id="search"  />
					<div class="tijiao">
						<input type="image" src="img/fangdajing_03.png" />
					</div>
				</div>
				
			</form>
			<!--购物车-->
			<div class="buycar">
				<a href="#"><img src="img/buycar_03.png"/></a>	
			</div>
			<!--登录-->
			<div class="login">
				<a href="https://zdzboss.gitee.io/kongfu_arm/HT_index.html"><img src="img/man_02.png"/></a>
			</div>
			<!--在线客服-->
			<div class="online">
				<div class="online-content">
					<a href="#">
						<img src="img/pang_03.png"/>
						<p>在线客服</p>
						<div class="clearfix"></div>
					</a>
					
				</div>
			</div>
			<!--更换字体-->
			<div class="changefont">
				<a href="#"><div class="changefont-content">CH</div></a>
			</div>
			
			<!--清浮动-->
			<div class="clearfix"></div>
		</header>
		<section>
			<!--标题导航栏-->
			<div class="section_nav">
				<p>
					<a href="#">首页</a>
					<span>></span>
					<a href="#">我的不二定制</a>
					<span>></span>
					<a href="#">我的订单</a>
					<span>></span>
					<span>订单:2337108888360940</span>
				</p>
			</div>
			<!--内容部分-->
			<div class="content">
				<!--红色分界线-->
				<div class="boundary">
				
				</div>
				<!--流程-->
				<div class="flow_path">
					<ul>
						<li class="fl">
							<img src="img/images/订单详情图标1_03.jpg"/>
						</li>
						<li class="fl">
							<p>01</p>
							<div class="connecting_line_red"></div>
							<p>提交订单</p>
						</li>
						<li class="fl">
							<img src="img/images/支付成功2_03.png"/>
						</li>
						<li class="fl">
							<p>02</p>
							<div class="connecting_line_gray"></div>
							<p>支付成功</p>
						</li>
						<li class="fl">
							<img src="img/images/发货图标_03.jpg"/>
						</li>
						<li class="fl">
							<p>03</p>
							<div class="connecting_line_gray"></div>
							<p>已发货</p>
						</li>
						<li class="fl">
							<img src="img/images/订单详情图标4_03.png"/>
						</li>
						<li class="fl">
							<p>04</p>
							<div class="connecting_line_gray"></div>
							<p>确认收货</p>
						</li>
						<li class="fl">
							<img src="img/images/订单详情图标5_03.png"/>
						</li>
						<li class="fl">
							<p>05</p>
							<div class="connecting_line_gray"></div>
							<p>评价</p>
						</li>
					</ul>
					<div class="clear">
						
					</div>
				</div>
				
				<!--流程时间-->
				<div class="flow_path_time">
					<div class="flow_path_time_one fl">
						<p>2016-10-09</p>
						<p>19:10:00</p>
					</div>
					<div class="flow_path_time_two fl">
						<p>2016-10-09</p>
						<p>19:10:00</p>
					</div>
					<div class="flow_path_time_three fl">
						<p>2016-10-09</p>
						<p>19:10:00</p>
					</div>
					<div class="clear">
						
					</div>
				</div>
				<!--订单信息-->
				<div class="order_information">
					<!--订单详细-->
					<div class="indetail fl">
						<p>
							订单信息
							<img src="img/images/图标_03.jpg"/>
						</p>
						<table cellspacing="0">
							<tr>
								<td>收货地址：</td>
								<td rowspan="2">王大刚,13499995555,福建省 厦门市 思明区 观日路52号之一201,361000</td>
							</tr>
							<tr>
								<td></td>
							</tr>
							<tr>
								<td>买家留言：</td>
								<td>注意定制信息，赶快制作</td>
							</tr>
							<tr>
								<td>订单编号：</td>
								<td>
									2337108888360940
									<a href="#">更多</a>
									<img src="img/images/更多图标_03.png"/>
								</td>
							</tr>
						</table>
					</div>
					<div class="payment fl">
						<form action="" onsubmit="return false">
							<p>商家已发货，等待买家确认收货</p>
							<p>您还有9天23小时26分43秒 来确认收货，超时订单自动确认收货</p>
							<span>物流：</span>
							<span>申通快递</span>
							<span>运单号：</span>
							<span>9993791441829</span>
							<p>
								2016-09-14 11:20:06
								<span>您的包裹已出库</span>
							</p>
							<p><input type="submit" name="" id="" value="确认收货" onclick="location.href='confirmreceipt.html'"/></p>
						</form>
					</div>
					<div class="clear"></div>
				</div>
				<!--商品信息与列表-->
				<div class="commodity">
					<div class="commodity_content">
						<div class="commodity_content_title">
							<ul>
							<li class="fl">商品</li>
							<li class="fl">单价</li>
							<li class="fl">数量</li>
							<li class="fl">操作</li>
							<li class="fl">状态</li>
						</ul>
							<div class="clear"></div>
						</div>
						<div class="commodity_content_goods">
							<p>
								<span>申通快递</span>
								<span>运单号：9993791441829</span>
								<span>2016-9-14 11:20:06</span>
								<span>您的包裹已出</span>
								<img src="img/images/更多图标_03.png" alt="" />
								<a href="#">更多</a>
							</p>
						</div>
						<div class="commodity_content_table">
							<table>
								<tr>
									<td rowspan="2">
										<img src="img/images/衣服.png"/>
									</td>
									<td>
										<p>Santic森地客 春秋骑行服自行车骑行长袖套装冬季骑行长裤男(含1件样衣)</p>
									</td>
									<td><p>￥299.00</p></td>
									<td><p>1</p></td>
									<td>
										<a href="#">退货</a>
										<span>/</span>
										<a href="#">退款</a>
									</td>
									<td rowspan="4">
										<p>待确认收货</p>
										<img src="img/images/时间图标_03.jpg"/>
										<span>9天23小时</span>
									</td>
								</tr>
								<tr>
									<td>
										<p>性别：女<span>尺码：L</span></p>
									</td>
									<td></td>
									<td></td>
									<td></td>
								</tr>
								<tr>
									<td rowspan="2">
										<img src="img/images/衣服.png"/>
									</td>
									<td>
										<p>Santic森地客 春秋骑行服自行车骑行长袖套装冬季骑行长裤男(含1件样衣)</p>
									</td>
									<td><p>￥299.00</p></td>
									<td><p>1</p></td>
									<td>
										<a href="#">退货</a>
										<span>/</span>
										<a href="#">退款</a>
									</td>
								</tr>
								<tr>
									<td>
										<p>性别：女<span>尺码：L</span></p>
									</td>
									<td></td>
									<td></td>
									<td></td>
								</tr>
							</table>
					</div>
						<div class="total_sum">
									<p>
										商品总计：
									<span>￥146.00</span>
									</p>
									<p>
										运费金额：
									<span>￥0.00</span>
									</p>
									<p>
										实际金额：
									<span>￥146.00</span>
									</p>
						</div>
						
				</div>
					</div>
			</div> 
		</section>
		<footer>
			<!--底部logo-->
			<div class="redlogo"><img src="img/redlogo_03.jpg"/></div>
			<!--底部导航栏-->
			<div class="bottomnav">
				<ul>
					<li><a href="#">新手指南</a></li>
					<li><a href="#">用户注册</a></li>
					<li><a href="#">定制流程</a></li>
				</ul>
				<ul>
					<li><a href="#">付款方式</a></li>
					<li><a href="#">支付方式</a></li>
					<li><a href="#">支付问题</a></li>
					<li><a href="#">常见问题</a></li>
				</ul>
				<ul>
					<li><a href="#">售后服务</a></li>
					<li><a href="#">退款换货</a></li>
					<li><a href="#">配送方式</a></li>
					<li><a href="#">联系我们</a></li>
				</ul>
				<ul>
					<li><a href="#">政策条款</a></li>
					<li><a href="#">服务协议</a></li>
					<li><a href="#">隐私条款</a></li>
					<li><a href="#">版权条款</a></li>
				</ul>
				
			</div>
			
			
			
			<!--清浮动-->
			<div class="clearfix"></div>
			<p class="bottomword">
				<!--底部文案-->
				&copy; 2016 Wildto Corpation. All Rights Reserved闽ICP备14001544号-1
			</p>
		</footer>
	</body>
</html>
